import type { FC } from 'react';
import Link from 'next/link';
import style from './index.module.scss';
import Image from 'next/image';

interface IndexProps {}

const Index: FC<IndexProps> = () => {
  return (
    <div>
      <div className={style.bannerWraper}>
        <div className={style.banner}>
          <Link href={'/content?mid=12'} className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              // width={680}
              // height={968}
              src="https://resume.cjasen.com/bj_1716544536124.png?imageView2/2/w/450"
              alt="极简简历模板"
            />
          </Link>
          <div className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              src="https://resume.cjasen.com/bj_1716544587032.webp"
              alt=""
            />
          </div>
          <Link href={'/content?mid=33'} className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              src="https://resume.cjasen.com/bj_1717416732915.png?imageView2/2/w/450"
              alt="简历模板"
            />
          </Link>
        </div>
        <div
          className={style.banner}
          style={{ position: 'relative', left: '100px' }}
        >
          <Link href={'/content?mid=6'} className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              src="https://resume.cjasen.com/bj_1716544659383.png?imageView2/2/w/450"
              alt="左右分栏简历模板"
            />
          </Link>
          <Link href={'/content?mid=5'} className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              src="https://resume.cjasen.com/bj_1716544694655.png?imageView2/2/w/450"
              alt="简历模板"
            />
          </Link>
          <Link href={'/content?mid=10'} className={style.bannerItem}>
            <Image
              fill
              sizes="300px"
              src="https://resume.cjasen.com/bj_1716544722310.png?imageView2/2/w/450"
              alt="简历模板"
            />
          </Link>
        </div>
      </div>
    </div>
  );
};

export default Index;
